/* 
	project: image fury template
   	author: francesco trozzi 
								*/
@import url(base.css);
@import url(registrazione.css);
@import url(galleria.css);
@import url(bacheca.css);
@import url(foto.css);
@import url(profilo.css);
@import url(news.css);
@import url(home.css);


.main .ui-button-text {
	font-size: 12px;
}

.main #utente-tabs ul li a {
	font-size: 12px;
}

#ajax-loader {
    margin-left: 50%;
    margin-top: 20%;
    width:100px;
    height:100px;
}
 
#topsection{
background: url(../images/topbgfull.png) repeat-x;
position: fixed;
width: 100%;
height: 100px; /*Height of top section*/
border-bottom: solid 1px #000000;
z-index: 100;
}

#maincontainer{
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 100px 0 0 170px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background: url(../images/topfade.png) top repeat-x;
}

#leftcolumn{
left: 0;
top: 100px;
height: 100%;
position: fixed;
width: 170px; /*Width of left column in percentage*/
background: url(../images/leftbg.png);
border-right: solid 1px #9FB1A3;
z-index: 10;
}

#rightcolumn{
right: 0;
top: 100px;
height: 100%;
position: fixed;
width: 50px; /*Width of right column in pixels*/
background: url(../images/topfade.png) top repeat-x;
}

#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
padding: 4px 0;
}

textarea {
	resize: vertical;
	background: #e2ece0;
	min-height: 40px;
	border: solid 1px #9FB1A3;
}

textarea:focus {
	min-height: 100px;
	outline-color: #8cff00;
}

input {
	background-color: #E2ECE0;
    border: solid 1px #9FB1A3;
}

input[type="file"] {
	background-color: transparent;
	border: solid 0px;
}
/* ----------------------------- TOP SECTION ------------------------------ */

#topsection h1{
margin: 0 auto;
padding-top: 15px;
}

#logo {
margin: 0 auto;
height: 100px;
width: 625px;
background: url(../images/logofull.png) no-repeat;
}

#logo .home {
	height: 65px;
	width: 560px;
	margin: 0 auto;
}
/* ............ Search Form ............ */

#searchbar{
top: 63px;
left: 170px;
position: absolute;
}

fieldset.search {
	width: 320px;
	border: none;
	margin: 10px 8px 0 0;
}

.search input {
	border: none;
	float: left;
} 

.search button {
	border: none;
	float: left;
	margin-left: -10px;
}
.search input.box {
	color: #313F3A;
	font-size: 14px;
	width: 304px;
	height: 22px;
	padding-left: 10px;
	background: url(../images/searchbg.png) no-repeat;
}
.search input.box:focus {
	outline: none;
}
.search button.btn {
	width: 16px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../images/searchbtn.png) no-repeat;
}
.search button.btn:hover {
	background: url(../images/searchbtn_h.png) no-repeat;
}

/* ............ Toolbar ............ */

#toolbar  { 
top: 63px;
right: 10px;
margin: 0 auto;
height: 38px;
width: 320px;
position: absolute;
}

/*TODO: Da rimuovere */ 
#login {
	width:250px;
	z-index:100;
	position:absolute;
	top:40px;
	left:0px;
	display:none;
	background:blue;
}

#toolbar a { color:#ccff66; font-weight:bold; text-decoration:none; }
#toolbar ul {float:right;}
#toolbar li { display:inline; position:relative; }
#toolbar li span { position:relative; z-index:10; margin:24px 4px 4px 6px;  border-bottom:none; line-height:18px; }	
#toolbar li span a { display:inline-block; font-weight:bold; }
#toolbar li .friends { width: 26px; height:26px; margin-left:10px; display:inline-block; position: relative; top: 6px;  background:url(../images/amicizia.png); }
#toolbar li .settings { width: 26px; height:26px; margin-left:10px; display:inline-block; position: relative; top: 6px; background:url(../images/impostazioni.png); }
#toolbar li .signin { width: 60px; height:26px; display:inline-block; position: relative;}
#toolbar li .space { width: 2px; height:26px; margin-left:5px; margin-right: 5px; display:inline-block; position: relative; top: 6px; border-left: 1px solid #ccff66;}
/*#toolbar li span.over { padding:4px 3px 4px 5px;  border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5;  border-right:solid 1px #999999; border-bottom:solid 1px #fff;  }*/
*+html #toolbar li span.over {  border-top:solid 2px #E5E5E5; padding-bottom:3px; } /* IE6 */
#toolbar li span.over a { }
#toolbar li span.over a:hover { text-decoration:none; }
#toolbar li span.active { padding:4px 3px 4px 5px;  border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5;  border-right:solid 1px #999999; border-bottom:solid 1px #fff;  }
*+html #toolbar li span.active {  border-top:solid 2px #E5E5E5; padding-bottom:3px; }
#toolbar li span.active a { }
#toolbar li span.active a:hover { text-decoration:none; }	
#toolbar img.arrow { /*margin-left:4px;*/ cursor:pointer; }
#toolbar div.sub_menu { display:none; position:absolute; left:-20px; margin-top:21px;  border-left:solid 1px #000000; border-right:solid 1px #000000; border-bottom:solid 1px #000000; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px ; padding:4px; top:2px; width:160px; background: #0d2023 ; }
* html #toolbar div.sub_menu { margin-top:23px; } /* IE6 */
*+html #toolbar div.sub_menu { margin-top:23px; } /* IE7 */
#toolbar div.sub_menu input { background: #e2ece0;}
#toolbar div.sub_menu input:focus {outline-color: #8cff00;}
#toolbar div.sub_menu p {color:#ccff66;}
#toolbar div.sub_menu a:link { display:block; font-size:11px; padding:4px;}
#toolbar div.sub_menu a:visited { display:block; font-size:11px; padding:4px;}
#toolbar div.sub_menu a:hover { background: #16312e; display:block; font-size:11px; padding:4px;}
#toolbar a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; }

/* ----------------------------- MENU ------------------------------ */

.menu {
float: left;
width: 170px;
}
.menu .headerbarclose{
color: #313F3A;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 0px; /*31px is left indentation of header text*/
}

.menu .headerbarclose a{
    color: #2C3635;
    display: block;
    font-family: tahoma,verdana,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 0.5em ;
    letter-spacing: 1px;
    margin: 5px 0 2px 0;
    padding: 0 0 2px 13px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    text-decoration: none;
}

.menu .headerbar{
color: #313F3A;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 0px; /*31px is left indentation of header text*/
}

.menu .headerbar a{
text-decoration: none;
color: #2C3635;
display: block;
font-family: tahoma,verdana,sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 0.5em ;
letter-spacing: 1px;
margin: 5px 0 2px 0;
padding: 0 0 2px 13px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
text-decoration: none;
background-image: url(../images/arrowdown.png);
background-repeat: no-repeat;
background-position: 60% 50%;
}

.menu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.menu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.menu ul li a{
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 1.4em;
color: #337287;
display: block;
padding: 3px 15px 3px 25px;
text-decoration: none;
line-height: 17px;
}

menu ul li a:active{ /*active state CSS*/
padding-left: 35px;
background: url(../images/arrow.png) left no-repeat;
}

.menu ul li a:hover{ /*hover state CSS*/
color: #337287;
background: #C2CCC2;
}


/* ----------------------------- MAIN CONTENT ------------------------------ */

.main{
overflow: hidden;
padding: 10px 40px 10px 20px;

}

.main a {
	
}

.main h1 {
color: #2C3635;
display: block;
font-family: tahoma,verdana,sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 0.5em ;
letter-spacing: 1px;
margin: 15px 0 8px 0;
padding: 0 0 2px 13px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
text-align: center;
}

.main h2 {
	font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 1.4em;
    color: #337287;
    font-weight: normal;
    line-height: 17px;
}

.main h3 {
	font: 13.5pt Trebuchet MS,sans-serif;
    font-weight: bold;
	color: #304030;
	margin: 0 auto;
}

/* ----------------------------- DOCK MENU ------------------------------ */

#dockmenu { 
	margin-top: 50px ;
}

/* ----------------------------- FOOTER ------------------------------ */


#footer a{
color: #FFFF80;
}

/* ------------------------------ BACHECA ------------------------------*/

#bacheca {
	margin-top:10px;
}

/* ------------------------------- LOADER -------------------------------*/

#dialog-message {
	display:none;
}

/* ------------------------------- PROFILO ------------------------------*/

